{extend name="base"}
{block name="content"}
		<script type="text/javascript">
			$(function(){
				$("#navcid_select").change(function(){
					$("#mainform").submit();
				});
			});
		</script>
		<div class="wrap js-check-wrap">
		<ul class="nav nav-tabs">
			<li class="active"><a href="{:url('Nav/index')}">菜单管理</a></li>
			<li><a href="{:url('Nav/add')}">添加菜单</a></li>
		</ul>

		<form class="well form-search" id="mainform" action="" method="post">
			<select id="navcid_select" name="cid">
				{volist name="listNavCat" id="vo"}
				<option value="{$vo.id}" {eq name="vo.id" value="$cid"}selected{/eq}>{$vo.name}</option>
				{/volist}	
			</select>
		</form>
		<form class="js-ajax-form" action="" method="post" novalidate="novalidate">
			<table class="table table-hover table-bordered table-list">
				<thead>
					<tr>
						<th width="50">排序</th>
						<th width="50">ID</th>
						<th>菜单名称</th>
						<th width="80">状态</th>
						<th width="180">操作</th>
					</tr>
				</thead>
				<tbody>
				{$categorys}
			</tbody>
			</table>
		</form>
	</div>
	<script src="__THEMES__/js/common.js"></script>
{/block}